//通过vue-router插件实现模板路由配置
import { createRouter, createWebHashHistory } from 'vue-router';
// import { constantRoute } from './routes';
//创建路由器
let router = createRouter({
    //路由模式hash
    history: createWebHashHistory(),
    // routes: constantRoute,
    routes: [
        // {
        //     path: '/',
        //     component: () => import("@/views/home/index.vue"),
        //     name: "layout"
        // },
        {
            path: '/login',
            component: () => import("@/views/login/index.vue"),
            name: "login",
            meta: {
                title: "登录",
                hidden: true,//代表路由标题在菜单中是否隐藏  true:隐藏 false:不隐藏
                icon: "Promotion",//菜单文字左侧的图标,支持element-plus全部图标
            }
        },
        {
            path: '/',
            component: () => import("@/views/layout/index.vue"),
            name: "layout",
            meta: {
                title: "",
                hidden: false,
                icon: ""
            },
            redirect: "/home",
            children: [
                {
                    path: '/home',
                    component: () => import("@/views/home/index.vue"),
                    name: "home",
                    meta: {
                        title: "首页",
                        hidden: false,
                        icon: 'HomeFilled'
                    }
                },
            ]
        },
        {
            path: '/screen',
            component: () => import("@/views/screen/index.vue"),
            name: "Screen",
            meta: {
                title: '数据大屏',
                hidden: false,
                icon: 'Platform'
            }
        },
        {
            path: '/acl',
            component: () => import('@/views/layout/index.vue'),
            name: 'Acl',
            meta: {
                title: '权限管理',
                icon: 'Lock'
            },
            redirect: '/acl/user',
            children: [
                {
                    path: '/acl/user',
                    component: () => import('@/views/acl/user/index.vue'),
                    name: 'User',
                    meta: {
                        title: '用户管理',
                        icon: 'User'
                    }
                },
                {
                    path: '/acl/role',
                    component: () => import('@/views/acl/role/index.vue'),
                    name: 'Role',
                    meta: {
                        title: '角色管理',
                        icon: 'UserFilled'
                    }
                },
                {
                    path: '/acl/permission',
                    component: () => import('@/views/acl/permission/index.vue'),
                    name: 'Permission',
                    meta: {
                        title: '菜单管理',
                        icon: 'Monitor'
                    }
                }
            ]
        },
        {
            path: '/product',
            component: () => import('@/views/layout/index.vue'),
            name: 'Product',
            meta: {
                title: '商品管理',
                icon: 'Goods',
            },
            redirect: '/product/trademark',
            children: [
                {
                    path: '/product/trademark',
                    component: () => import('@/views/product/trademark/index.vue'),
                    name: "Trademark",
                    meta: {
                        title: '品牌管理',
                        icon: 'ShoppingCartFull',
                    }
                },
                {
                    path: '/product/attr',
                    component: () => import('@/views/product/attr/index.vue'),
                    name: "Attr",
                    meta: {
                        title: '属性管理',
                        icon: 'ChromeFilled',
                    }
                },
                {
                    path: '/product/spu',
                    component: () => import('@/views/product/spu/index.vue'),
                    name: "Spu",
                    meta: {
                        title: 'SPU管理',
                        icon: 'Calendar',
                    }
                },
                {
                    path: '/product/sku',
                    component: () => import('@/views/product/sku/index.vue'),
                    name: "Sku",
                    meta: {
                        title: 'SKU管理',
                        icon: 'Orange',
                    }
                },
            ]
        },
        {
            path: '/404',
            component: () => import("@/views/404/index.vue"),
            name: "404",
            meta: {
                title: '404',
                hidden: true,
                icon: 'DocumentDelete'
            }
        }, {
            path: '/:pathMatch(.*)*',
            redirect: "/404",
            name: "Any",
            meta: {
                title: "任意路由",
                hidden: true,
                icon: 'DocumentDelete'
            }
        }
    ],
    //滚动行为
    scrollBehavior() {
        return {
            left: 0,
            top: 0
        }
    }
});
export default router;